<template>
  <view class="root">
    <view class="content-wrapper">
      <view class="v-item">
        <view class="v-label">负责人类型:</view>
        <view class="v-value">{{info.trusteeship === '1' ? '托管人' : '房主本人' }}</view>
      </view>
      <u-line color="#F0F0F0"></u-line>
      <template v-if="info.trusteeship == '1'">
        <view class="v-item">
          <view class="v-label">与房主关系:</view>
          <view class="v-value">{{info.userType}}</view>
        </view>
        <u-line color="#F0F0F0"></u-line>
      </template>
      <view class="v-item">
        <view class="v-label">姓名:</view>
        <view class="v-value">{{info.userName}}</view>
      </view>
      <u-line color="#F0F0F0"></u-line>
      <view class="v-item">
        <view class="v-label">联系电话:</view>
        <view class="v-value">{{info.phone}}</view>
      </view>
      <u-line color="#F0F0F0"></u-line>
      <view class="v-item">
        <view class="v-label">国籍:</view>
        <view class="v-value">{{info.nationality}}</view>
      </view>
      <u-line color="#F0F0F0"></u-line>
      <view class="v-item">
        <view class="v-label">证件类型:</view>
        <view class="v-value">{{info.idType}}</view>
      </view>
      <u-line color="#F0F0F0"></u-line>
      <view class="v-item">
        <view class="v-label">证件号码:</view>
        <view class="v-value">{{info.idCard}}</view>
      </view>
      <u-line color="#F0F0F0"></u-line>
      <view class="v-item">
        <view class="v-label">民族:</view>
        <view class="v-value">{{info.nation}}</view>
      </view>
    </view>
    <yy-watermark></yy-watermark>
  </view>
</template>

<script>
  import {
    getOptionsParams
  } from '../../utils/util';
  export default {
    data() {
      return {
        info: {}
      };
    },
    onLoad(options) {
      console.log(options)
      this.info = getOptionsParams(options, 'info')
      console.log(this.info)
    },
    methods: {},
  };
</script>

<style lang="scss">
  page {
    background: #f9f9f9;
  }
</style>
<style lang="scss" scoped>
  .root {
    padding: 20rpx;
    width: 100%;

    .content-wrapper {
      background: #FFFFFF;
      border-radius: 26rpx 26rpx 26rpx 26rpx;
      width: 100%;
      padding: 0 16rpx;

      .v-item {
        height: 96rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .v-label {
          font-weight: 500;
          font-size: 28rpx;
          color: #666666;
          flex-shrink: 0;
        }

        .v-value {
          font-weight: bold;
          font-size: 28rpx;
          color: #333333;
        }
      }
    }
  }
</style>